<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!-- 取出部署的应用程序名或者是当前的项目名称 -->
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
    <meta charset="UTF-8">
    <title>书籍展示</title>

    <%@include file="/WEB-INF/jsp/common/component/head.jsp"%>
</head>

<body>
    <%@include file="/WEB-INF/jsp/common/component/navbar.jsp"%>

    <div id="wrap">
        <div class="content" >
            <div class="col-sm-5 displayImg">
                <div id="myCarousel" class="carousel slide" >
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="/images/2016000216f44eb4-7688-438a-a1cd-feb5a33cc89b.jpg" width="100%" alt="First slide">
                        </div>
                        <div class="item">
                            <img src="/images/201600020b1ba540-2484-46c2-842e-b3d30c7f07e3.JPG" width="100%" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="/images/20160002adc3d7ee-a68b-4d33-8def-e91ad4d7bbb5.jpg" width="100%" alt="Third slide">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="carousel-control left" href="#myCarousel"
                       data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel"
                       data-slide="next">&rsaquo;</a>
                </div>
                <div style="text-align: center; margin-top:40px;">
                    <button type="submit" class="btn btn-info btn-lg">举报该书</button>
                </div>
            </div>

            <div class="col-sm-6" style="padding-top:70px;">
                <form id="createForm" class="form-horizontal" role="form" >
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">书名</span>
                        <span class="col-sm-4 display" id="name">${book.name}</span>
                    </div>
                    <br/>
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">ISBN</span>
                        <span class="col-sm-4 display" id="isbn">${book.isbn}</span>
                    </div>
                    <br/>
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">作者</span>
                        <span class="col-sm-4 display" id="author">${book.author}</span>
                    </div>
                    <br/>
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">语言</span>
                        <span class="col-sm-4 display" id="language">${book.language}</span>
                    </div>
                    <br/>
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">出版社</span>
                        <span class="col-sm-4 display" id="publishingHouse">${book.publishingHouse}</span>
                    </div>
                    <br/>
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">出版年份</span>
                        <span class="col-sm-4 display" id="publicationYear">${book.publicationYear}</span>
                    </div>
                    <br/>
                    <div class="form-group">                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">价格</span>
                        <span class="col-sm-4 display" id="price" >asdf${book.price}</span>
                    </div>
                    <br/>
                    <div class="form-group" >                                                                             <!--书名-->
                        <span class="col-sm-3 text-right display">备注</span>
                        <p class="col-sm-8 display">
                            卡收到了房,价拉伤等发生大发了快速搭建费螺纹口附近未考虑发呢另外可能快速登录附近开了啥地方加快了速度${book.remark}
                        </p>
                    </div>
                    <br/>
                </form>
            </div>


        </div><!-- /#content -->
        <%@include file="/WEB-INF/jsp/common/component/footer.jsp"%>
    </div><!-- /#wrap -->
    <%@include file="/WEB-INF/jsp/common/component/foot.jsp"%>
</body>

</html>